@charset "utf-8";

/* CSS Document */
.float {
  width: 768px;
  left: 0;
  top: 0;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 1000;
  display: none;
}

.float>.f-navlist {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1002;
  display: none;
}

.float>.f-navlist>h3 {
  width: 100%;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  color: #333;
  text-align: center;
  font-weight: normal;
  color: #FFF;
}

.float>.f-navlist>h3>span {
  float: left;
}

.float>.f-navlist>h3>span a,
.float>.f-navlist>h3>span a:hover {
  color: #FFF;
}

.float>.f-navlist>h3>span:nth-of-type(2) {
  float: right;
}

.float>.f-navlist>h3>span>i {
  font-size: 14px;
}

.float>.f-navlist>ul {
  width: 100%;
  box-sizing: border-box;
  box-sizing: border-box;
}

.float>.f-navlist>ul>li {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  overflow: hidden;
  text-align: left;
  box-sizing: border-box;
  padding-left: 5%;
  padding-right: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.float>.f-navlist>ul>li+li {}

.float>.f-navlist>ul>li>a,
.float>.f-navlist>ul>li>a:hover {
  color: #FFF !important;
}

.float>.f-navlist>ul>li>a>i {
  color: #FFF;
  font-size: 16px;
}

.float>.f-navlist>ul>li:nth-last-of-type(1)>a>i {
  font-size: 18px;
}

.float>.f-navlist>ul>li:hover {
  background-color: #000;
}

.float>.f-navlist>ul>li:hover>a,
.float>.f-navlist>ul>li>a:hover,
.float>.f-navlist>ul>li:hover>a>i,
.float>.f-navlist>ul>li:hover>a:hover>i {
  color: #FFF !important;
}

.header {
  margin: 0 auto;
  position: relative;
  background-color: rgba(0, 0, 0, 0.9);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1));
  /*border-bottom:1px solid #a5a5a5;*/
  position: relative;
  z-index: 990
}

.hd-cen {
  width: 100%;
  padding: .05rem 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 992
}

.hd-cen p {
  width: 100%;
  box-sizing: border-box;
  padding: 0 .3rem;
}

.hd-cen>.btn-nav {
  width: .24rem;
  height: .24rem;
  line-height: .24rem;
  text-align: center;
  display: block;
  position: absolute;
  right: .1rem;
  top: 50%;
  margin-top: -0.12rem;
  border-radius: .03rem;
  background-color: #EEE;
  display: none;
}

.logo {
  width: 2.5rem;
  height: .54rem;
  float: left;
  display: block;
  margin: .15rem auto;
}

.logo img {
  width: 100%;
}


.nav {
  width: 100%;
  padding: 10px 0;
  box-sizing: border-box;
  /* background-image:linear-gradient(to bottom,#1e1e1e,#212121);*/
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 0;
  top: .95rem;
  z-index: 994;
}

.navlist {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 .4rem;
}

.navlist li {
  width: auto;
  float: left;
  font-size: .15rem;
  text-align: left;
  margin-right: .26rem;
}

.navlist li a {
  color: #FFF;
}

.serv-phone2 {
  float: right;
  padding-top: .05rem;
}

.serv-phone2 h3,
.serv-phone2 p {
  width: 100%;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  box-sizing: border-box;
  /*text-align:right;*/
  color: rgba(0, 0, 0, 0.8);
  font-weight: normal;
  font-size: 14px;
  color: #FFF;
  padding-left: 3px;
}

.serv-phone2 h3 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.serv-phone2 p {
  font-size: 28px;
  text-align: center;
  color: #ff7200;
  height: 40px;
  line-height: 40px;
}

.flash {
  cursor: pointer;
  width: 100%;
}

.flash img {
  width: 100%;
}

.swiper-pagination {
  width: 100%;
}

.swiper-pagination-bullet {
  opacity: 1;
  /*background:rgba(255,146,0,1); */
  background-color: transparent !important;
  margin: 0 3px !important;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #f26f05;
  box-sizing: border-box;
}

.swiper-pagination-bullet-active {
  /*background:rgba(148,7,10,1);*/
  background-color: transparent !important;
  border: 1px solid #aeaeae;
}

.swiper-container {
  width: 100%;
}

/*.swiper1 .swiper-slide img{ width:100%;}*/
.swiper-cen {
  width: 1200px;
  height: auto;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 10px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative
}

.swiper-img {
  width: 40%;
  float: right;
  position: relative;
  z-index: 1000;
}

.swiper-img img {
  width: 100%;
}

.swiper-img p {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.swiper-img p img {
  width: 100%;
}

/*.swiper-img:hover img{ transform:translateX(-10px) translateY(-10px); -webkit-transform:translateX(10px) translateY(10px)}*/
/*.swiper-img p{ width:100%; height:100%;transition:all 0.5s linear;  -webkit-transition:all 0.5s linear;}
.swiper-img p img{ width:100%;}
.swiper-img span{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1002; display:block; transition:all 0.5s linear;  -webkit-transition:all 0.5s linear;}
.swiper-img span img{ width:100%;}
.swiper-img a{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1004; display:block;transition:all 0.5s linear;  -webkit-transition:all 0.5s linear;}
.swiper-img a img{ width:100%;}
.swiper-img:hover p{ transform:rotateY(-18deg) scale(0.96,0.96); -webkit-transform:rotateY(-18deg) scale(0.96,0.96);}
.swiper-img:hover span{ transform:rotateY(18deg) scaleY(0.92); -webkit-transform:rotateY(18deg) scaleY(0.92);}
.swiper-img:hover a{ transform:rotateY(18deg); -webkit-transform:rotateY(18deg);}
*/
.swiper-title {
  width: 60%;
  height: 158px;
  position: absolute;
  left: 0;
  top: 50%;
  /*margin-top:-50px; */
  box-sizing: border-box;
  padding: 0 5%;
  color: #FFF;
  overflow: hidden;
}

.swiper-title a {
  color: #FFF;
}

.swiper-title h3 {
  width: 100%;
  font-size: 30px;
  font-weight: normal;
  margin-bottom: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.swiper-title p {
  width: 100%;
  height: auto;
  line-height: 24px;
  font-size: 14px;
}

.swiper-title .swiper-more {
  margin-top: 10px;
  padding: 10px 20px;
  text-align: center;
  border: 1px solid #FFF;
  color: #FFF;
  font-size: 14px;
  display: block;
  width: 60px;
  font-size: 12px;
  font-family: "宋体";
}

.menu {
  width: 100%;
  background-color: #ff7200;
}

.menu-list {}

.menu-list li {
  width: 20%;
  float: left;
  height: 84px;
  padding: 20px 0;
  line-height: 44px;
  position: relative;
  padding-left: 80px;
  box-sizing: border-box;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.menu-list li a {
  color: #FFF;
}

.menu-list li p {
  width: 36px;
  height: 36px;
  position: absolute;
  left: 30px;
  top: 50%;
  margin-top: -18px;
}

.menu-list li:nth-of-type(5n) {
  border-right: 0;
}

.menu-list li:hover {
  background-color: rgba(255, 255, 255, 0.1)
}


.col1 {
  width: 100%;
  margin-bottom: 3% 0;
}

.col2 {
  width: 100%;
  margin-bottom: 3% 0;
}

.col {
  width: 100%;
  padding: 3% 0;
}

.collogo {
  width: 100%;
  height: 100px;
  margin-top: 3%;
  margin-bottom: 10px;
  background-image: url(../images/logo2.png);
  background-repeat: no-repeat;
  background-position: center;
}

/*.home-header{ margin-bottom:3%;}*/
.home-header h3,
.home-header p {
  width: 100%;
  height: auto;
  text-align: center;
  font-size: 24px;
  padding: 10px 0;
  font-weight: normal;
  box-sizing: border-box;
  margin-bottom: 20px
}

.home-header p {
  font-size: 14px;
  padding: 5px 0;
  color: #6f6f6f;
}

.tobom .tobomdiv {
  margin: -20px auto 50px auto;
  width: 120px;
  height: 5px;
  background-color: #ff7200;
}

.union-list .unionli {
  width: 20%;
  float: left;
  box-sizing: border-box;
  margin-top: 2.5%;
  position: relative;
}

.union-list .unionli:nth-child(1) .dialog {
  top: -50%;
  right: -100px;
  position: absolute;
  z-index: 998;
  width: 145px;
  height: 310px;
  background-color: rgba(243, 154, 48, .9);
  border-radius: 10px;
  display: none;
}

.union-list .unionli:nth-child(2) .dialog {
  top: -50%;
  right: -100px;
  position: absolute;
  z-index: 998;
  width: 145px;
  height: 310px;
  background-color: rgba(103, 197, 196, .9);
  border-radius: 10px;
  display: none;
}

.union-list .unionli:nth-child(1) .dialog .jiantou {
  top: 145px;
  left: 0;
  transform: translate(-100%, -50%);
  position: absolute;
  z-index: 999;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border: 10px solid transparent;
  border-right-color: rgba(243, 154, 48, .9);
}

.union-list .unionli:nth-child(2) .dialog .jiantou {
  top: 145px;
  left: 0;
  transform: translate(-100%, -50%);
  position: absolute;
  z-index: 999;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border: 10px solid transparent;
  border-right-color: rgba(103, 197, 196, .9);
}

.union-list .unionli:nth-child(3) .dialog {
  top: 15%;
  right: -100px;
  position: absolute;
  z-index: 998;
  width: 145px;
  height: 70px;
  background-color: rgba(243, 154, 48, .9);
  border-radius: 10px;
  display: none;
}

.union-list .unionli:nth-child(4) .dialog {
  top: 15%;
  right: -100px;
  position: absolute;
  z-index: 998;
  width: 145px;
  height: 70px;
  background-color: rgba(103, 197, 196, .9);
  border-radius: 10px;
  display: none;
}

.union-list .unionli:nth-child(3) .dialog .jiantou {
  top: 50%;
  left: 0;
  transform: translate(-100%, -50%);
  position: absolute;
  z-index: 999;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border: 10px solid transparent;
  border-right-color: rgba(243, 154, 48, .9);
}

.union-list .unionli:nth-child(4) .dialog .jiantou {
  top: 50%;
  left: 0;
  transform: translate(-100%, -50%);
  position: absolute;
  z-index: 999;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border: 10px solid transparent;
  border-right-color: rgba(103, 197, 196, .9);
}

.newlist {
  padding-top: 20px;
}

.newlist li {
  color: #fff;
  text-align: center;
  font-size: 13px;
  line-height: 35px;
  /* letter-spacing: 1px; */
  width: 100%;
}

.union-list .unionli:nth-child(odd) .newlist li:hover {
  background-color: rgba(243, 154, 48);
}

.union-list .unionli:nth-child(even) .newlist li:hover {
  background-color: rgba(103, 197, 196);
}

.union-list li .p {
  /* width: 80px;
  height: 80px; */
  margin: 0 auto;
  border: 0px
}

.union-list li .img06 {
  width: 130px;
  height: 130px;
  margin: 0 auto;
  border: 0;
  background-image: url(../images/yy1.png);
}

.union-list li .img07 {
  width: 130px;
  height: 130px;
  margin: 0 auto;
  box-sizing: border-box;
  background-image: url(../images/yy2.png);
}

.union-list li .img08 {
  width: 130px;
  height: 130px;
  margin: 0 auto;
  background-image: url(../images/yy3.png);
}

.union-list li .img09 {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-image: url(../images/emp-09.jpg);
}

.union-list li .img10 {
  width: 130px;
  height: 130px;
  margin: 0 auto;
  background-image: url(../images/yy4.jpg);
}

.union-list li .img11 {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-image: url(../images/emp-11.jpg);
}

.union-list li .img12 {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-image: url(../images/emp-12.png);
}

.union-list li .img12:hover {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-image: url(../images/empp-12.png);
}

.union-list li .img13 {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-image: url(../images/emp-13.png);
}

.union-list li .img13:hover {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-image: url(../images/empp-13.png);
}

.union-list li .img14 {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-image: url(../images/emp-14.png);
}

.union-list li .img14:hover {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-image: url(../images/empp-14.png);
}

.union-list li .img15 {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-image: url(../images/emp-15.png);
}

.union-list li .img15:hover {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-image: url(../images/empp-15.png);
}

.union-list li .img16 {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-image: url(../images/emp-16.png);
}

.union-list li .img16:hover {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-image: url(../images/empp-16.png);
}

.union-list li .img17 {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-image: url(../images/emp-17.png);
}

.union-list li .img17:hover {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-image: url(../images/empp-17.png);
}

.union-list li .img18 {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-image: url(../images/emp-18.png);
}

.union-list li .img18:hover {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-image: url(../images/empp-18.png);
}

.union-list li .img19 {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-image: url(../images/emp-19.png);
}

.union-list li .img19:hover {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-image: url(../images/empp-19.png);
}

.union-list li .img20 {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-image: url(../images/emp-20.png);
}

.union-list li .img20:hover {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-image: url(../images/empp-20.png);
}

.union-list li .img21 {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-image: url(../images/emp-21.png);
}

.union-list li .img21:hover {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-image: url(../images/empp-21.png);
}

.union-list li .img22 {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-image: url(../images/emp-22.png);
}

.union-list li .img22:hover {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-image: url(../images/empp-22.png);
}

.union-list li .img23 {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-image: url(../images/emp-23.png);
}

.union-list li .img23:hover {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-image: url(../images/empp-23.png);
}

.union-list li p img {
  width: 100%;
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
}

.union-list li h3 {
  width: 100%;
  font-size: 14px;
  text-align: center;
  padding: 10px 0;
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.union-list li:hover p {
  /* border:1px solid #DDD; border-radius:50%; background-color:rgba(0,0,0,0.02)*/
}

/* .union-list li:hover p img {
  transform: rotate(360deg) scale(0.8, 0.8);
  -webkit-transform: rotate(360deg) scale(0.8, 0.8);
} */

.index_hezuo {
  /* width: 1600px; */
  width: 80%;
  margin: 0 auto;
  height: 170px;
}

.index_hezuo_item {
  flex: 1;
}

.index_hezuo_img {
  /* width: 150px; */
  width: 1.5rem;
  margin: 0 auto;
  display: block;
  /* border:1px solid #f0f0f0; */
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.index_hezuo_txt {
  text-align: center;
  font-size: 13px;
}

.cases-list {
  width: 100%;
  margin-top: 3%
}

.cases-list li {
  width: 14.28%;
  float: left;
  position: relative;
  cursor: pointer;
}

.cases-list li .cl-img {
  width: 100%;
  position: relative;
  cursor: pointer;
}

/* .cases-list li .cl-img img{ width:100%;} */
/*2021-12-28*/
/*background-color:rgba(0,0,0,0.2);*/
.cases-list li .cl-img::after {
  content: ' ';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.cases-list li:nth-of-type(odd) .cl-img::after {
  background-color: rgba(0, 0, 0, 0.2);
  /* background-color: rgba(0, 0, 0, 0.6); */
}

.cases-list li:nth-of-type(even) .cl-img::after {
  /* background-color: rgba(0, 0, 0, 0.15); */
  /* background-color: rgba(0, 0, 0, 0.05); */
}

/*2021-12-28*/
/*.cases-list li:nth-of-type(odd) .cl-img::after{ background-color:rgba(240,130,0,0.6);}*/
.cases-list li .cl-about {
  width: 100%;
  height: 134px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -67px;
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
}

.cases-list li .cl-about p {
  width: 60px;
  height: 60px;
  margin: 0 auto;
}

.cases-list li .cl-about p img {
  width: 100%;
}

.cases-list li .cl-about h3 {
  width: 100%;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  overflow: hidden;
  /*white-space:nowrap; */
  text-overflow: ellipsis;
  color: #FFF;
  padding: 20px 0;
  position: relative;
  margin-top: 20px;
}

.cases-list li .cl-about h4 {
  width: 80%;
  height: 60px;
  overflow: hidden;
  margin: 0 auto;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  color: #FFF;
  text-align: center;
  display: none;
}

.cases-list li .cl-about h5 {
  width: 140px;
  height: 32px;
  margin: 0 auto;
  box-sizing: border-box;
  line-height: 32px;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  border: 1px solid #FFF;
  margin-top: 20px;
  display: none;
}

.cases-list li .cl-about h5 a {
  color: #FFF;
}

.cases-list li .cl-about h3::after {
  content: ' ';
  width: 20px;
  height: 2px;
  background-color: #FFF;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -10px;
}

.cases-list li:hover .cl-about {
  height: 226px;
  margin-top: -113px;
}

/*.cases-list li:hover .cl-img::after{ background-color:rgba(255,102,0,0.8);}*/
/*2021-12-28*/
/* .cases-list li:hover .cl-img::after {
  background-color: rgba(34, 183, 177, 0.8);
} */
.cases-list li:hover:nth-of-type(odd) .cl-img::after {
  background-color: rgba(34, 183, 177, 0.8);

}

.cases-list li:hover:nth-of-type(even) .cl-img::after {
  background-color: rgba(255, 102, 0, 0.8);
}

.cases-list li:hover .cl-about h3 {
  margin-top: 0;
  padding: 10px 0;
}

.cases-list li:hover .cl-about h4 {
  display: block;
}

.index_list_xc_item {
  font-size: 12px;
  color: transparent;
  text-align: center;
}

.cases-list li:hover .index_list_xc_item {
  color: #fff;
}

.cases-list li:hover .cl-about h5 {
  display: block;
}

.cases-list li:hover .cl-about h3::after {
  display: none;
}

.jishu-list li {
  width: 32%;
  height: auto;
  float: left;
  margin-right: 2%;
}

.jishu-list li:nth-of-type(3n) {
  margin-right: 0;
}

.jishu-list li p {
  width: 100%;
}

.jishu-list li p img {
  width: 100%;
}

.jishu-list li h3 {
  width: 100%;
  font-size: 14px;
  padding: 10px 0;
  border: 1px solid #EEE;
  border-top: 0;
  font-weight: normal;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hezuo-list {}

.hezuo-list li {
  width: 18.4%;
  float: left;
  margin-right: 2%;
  box-sizing: border-box;
}

.hezuo-list li img {
  width: 100%;
}

.hezuo-list li:nth-of-type(5n) {
  margin-right: 0;
}

.tongji {
  width: 100%;
  background-color: #ff7200;
}

.tongji p {
  font-size: 24px;
  text-align: center;
  overflow: hidden;
  color: #FFF;
  text-overflow: ellipsis;
  padding-top: 2%;
  padding-bottom: 2%;
}


.cmenu {
  width: 100%;
  height: auto;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  bottom: 0;
}

.cmenu-list {
  /*background-color:rgba(0,0,0,0.2);*/
  position: relative;
  margin: 0 auto;
  height: auto;
  width: 1200px;
  overflow: hidden;
}

.cl-list {
  display: block;
}

.cmenu-list li {
  width: auto;
  font-size: 14px;
  padding: 10px 20px;
  height: 44px;
  line-height: 20px;
  border-top: 2px solid transparent;
  display: inline-block;
  position: relative;
  color: #FFF;
  box-sizing: border-box;
  cursor: pointer;
}

.cmenu-list li::after {
  content: ' ';
  width: 1px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -6px;
  display: none;
}

.cmenu-list li+li::after {
  display: block
}

.cmenu-list li.on,
.cmenu-list li:hover {
  border-top: 2px solid #ff7200;
}

.cmenu-list li a {
  color: #FFF;
}

.swiper3 .swiper-slide {
  padding: 10px 0;
  line-height: 20px;
  color: #FFF;
  font-size: 12px;
  text-align: center;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-top: 2px solid transparent;
  display: none;
}

.swiper3 .swiper-slide::after {
  content: ' ';
  width: 1px;
  height: 16px;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
}

.swiper3 .swiper-slide:hover,
.swiper3 .swiper-slide.on {
  border-top: 2px solid #FF7200;
}

.swiper3 .swiper-slide a {
  color: #FFF;
}


.main {
  width: 100%;
  height: auto;
  padding-top: 5%;
  padding-bottom: 5%;
}

.txtlist li {
  height: 76px;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 74px;
  padding-left: 24px;
  box-sizing: border-box;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
  position: relative;
}

.txtlist li .tl-date {
  width: 64px;
  height: 56px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -28px;
}

.txtlist li .tl-date h4,
.txtlist li .tl-date h5 {
  width: 100%;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  font-weight: normal;
  text-align: right;
  overflow: hidden;
  color: #999;
}

.txtlist li .tl-date h5 {
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  color: #666;
}

.txtlist li .tl-icon {
  width: 24px;
  height: 32px;
  line-height: 32px;
  position: absolute;
  left: 0;
  top: 10px;
  background-color: #FFF;
  z-index: 21;
}

.txtlist li .tl-icon i {
  font-size: 12px;
  color: #999;
}

.txtlist li h3,
.txtlist li p {
  width: 100%;
  height: 32px;
  line-height: 32px;
  font-weight: normal;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.txtlist li p {
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #666;
}

.txtlist li::after {
  content: ' ';
  width: 24px;
  height: 100%;
  background-color: #FFF;
  position: absolute;
  left: 0;
  top: 1px;
  z-index: 20;
}

.page {
  width: 100%;
  text-align: center;
  margin-top: 5%;
}

.page a {
  width: auto;
  height: 26px;
  line-height: 26px;
  display: inline-block;
  background-color: #808080;
  font-size: 14px;
  text-align: center;
  padding: 0 6px;
  color: #FFF;
  border-radius: 2px;
  margin-bottom: 10px;
}

.page a i {
  font-size: 14px;
}

.page a:hover {
  background-color: #ff7200;
}

.col-header {
  margin-bottom: 3%;
  background-image: url(../images/detail-header.png);
  background-repeat: repeat-x;
  background-position: 20px center;
  width: 1200px;
  height: 30px;
}

.col-header h3,
.detail-header p {
  height: 40px;
  line-height: 40px;
  font-weight: normal;
  font-size: 22px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.col-header h3 {
  position: absolute;
  background-color: #FFF;
  left: 50%;
  transform: translate(-50%, -4px);
}

.col-header p {
  height: 16px;
  line-height: 14px;
  font-size: 14px;
  color: #999;
  text-transform: uppercase;
}

.detail-cen {
  height: auto;
  line-height: 30px;
  font-size: 14px;
  text-align: justify;
}

.detail-cen img {
  max-width: 1200px;
  display: block;
  margin: 0 auto;
}

.city-cen .cc-about {
  width: 100%;
  display: none;
}

.city-cen .cc-about:nth-of-type(1) {
  display: block;
}

.city-cen .cc-about .cc-img {
  width: 56%;
  float: left;
}

.city-cen .cc-about .cc-img img {
  width: 100%;
}

.city-cen .cc-about .cc-form {
  width: 42%;
  float: right;
}

.city-cen .cc-about .cc-form h3 {
  width: 100%;
  height: 36px;
  line-height: 26px;
  font-weight: normal;
  font-size: 16px;
  overflow: hidden;
  color: #ff7200;
}

.city-cen .cc-about .cc-form p {
  width: 60%;
  height: 28px;
  padding: 0px 6px 4px 6px;
  box-sizing: border-box;
  background-color: #FFF;
  border: 1px solid #d0d0d0;
  overflow: hidden;
  margin-bottom: 10px;
}

.city-cen .cc-about .cc-form p input {
  width: 100%;
  height: 20px;
  border: 0;
  line-height: 20px;
  color: #999;
}

.city-cen .cc-about .cc-form p:nth-of-type(5) {
  width: 60%;
  height: auto;
  border: 0;
  padding: 0;
}

.city-cen .cc-about .cc-form p:nth-of-type(5) textarea {
  width: 100%;
  height: 60px;
  padding: 5px;
  border: 1px solid #d0d0d0;
  box-sizing: border-box;
  resize: none;
  color: #999;
}

.city-cen .cc-about .cc-form p:nth-of-type(6) {
  width: 80px;
  height: 28px;
  border: 0;
  padding: 0;
  margin-bottom: 10px;
}

.city-cen .cc-about .cc-form p:nth-of-type(6) input {
  width: 100%;
  height: 28px;
  border: 0;
  color: #FFF;
  background-color: #ff7200;
}

.cc-form-contact {
  width: 100%;
  height: auto;
  line-height: 24px;
  font-size: 12px;
}

.y-row {
  min-width: 1000px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  zoom: 1;
  *width: 1000px;
  font-size: 10px;
}

.y-row:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.main-img img {
  width: 100%
}

.point-area {
  text-align: center;
  position: relative;
  width: 150px;
  height: 150px;
  transition: opacity .5s ease-out
}

.point-area .point {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
  margin: auto;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  background: transparent
}

.point-area .point-shadow:after {
  box-shadow: inset 0 0 5em rgba(0, 205, 236, .16)
}

.point-area .point-white {
  background-color: #fff;
  border: 1px solid #00c1de
}

.point-area .point-dot {
  z-index: 1;
  background-color: #6ad7e9;
  border: 1px solid rgba(0, 205, 236, .37)
}

.point-area .point-10 {
  width: 100%;
  height: 100%
}

.point-area .point-10:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #00cdec;
  opacity: 0;
  -webkit-animation: ripple 4.5s ease-out 225ms infinite;
  animation: ripple 4.5s ease-out 225ms infinite
}

.point-area .point-20 {
  width: 100%;
  height: 100%
}

.point-area .point-20:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #00cdec;
  opacity: 0;
  -webkit-animation: ripple 4.5s ease-out .45s infinite;
  animation: ripple 4.5s ease-out .45s infinite
}

.point-area .point-30 {
  width: 100%;
  height: 100%
}

.point-area .point-30:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #00cdec;
  opacity: 0;
  -webkit-animation: ripple 4.5s ease-out 675ms infinite;
  animation: ripple 4.5s ease-out 675ms infinite
}

.point-area .point-40 {
  width: 100%;
  height: 100%
}

.point-area .point-40:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #00cdec;
  opacity: 0;
  -webkit-animation: ripple 4.5s ease-out .9s infinite;
  animation: ripple 4.5s ease-out .9s infinite
}

.point-area .point-50 {
  width: 100%;
  height: 100%
}

.point-area .point-50:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #00cdec;
  opacity: 0;
  -webkit-animation: ripple 4.5s ease-out 1125ms infinite;
  animation: ripple 4.5s ease-out 1125ms infinite
}

.point-area .point-60 {
  width: 100%;
  height: 100%
}

.point-area .point-60:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #00cdec;
  opacity: 0;
  -webkit-animation: ripple 4.5s ease-out 1.35s infinite;
  animation: ripple 4.5s ease-out 1.35s infinite
}

.point-area .point-70 {
  width: 100%;
  height: 100%
}

.point-area .point-70:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #00cdec;
  opacity: 0;
  -webkit-animation: ripple 4.5s ease-out 1575ms infinite;
  animation: ripple 4.5s ease-out 1575ms infinite
}

.point-area .point-80 {
  width: 100%;
  height: 100%
}

.point-area .point-80:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #00cdec;
  opacity: 0;
  -webkit-animation: ripple 4.5s ease-out 1.8s infinite;
  animation: ripple 4.5s ease-out 1.8s infinite
}

.point-area .point-90 {
  width: 100%;
  height: 100%
}

.point-area .point-90:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #00cdec;
  opacity: 0;
  -webkit-animation: ripple 4.5s ease-out 2025ms infinite;
  animation: ripple 4.5s ease-out 2025ms infinite
}

.point-area .point-100 {
  width: 100%;
  height: 100%
}

.point-area .point-100:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #00cdec;
  opacity: 0;
  -webkit-animation: ripple 4.5s ease-out 2.25s infinite;
  animation: ripple 4.5s ease-out 2.25s infinite
}

lesshat-selector {
  -lh-property: 0
}

@-webkit-keyframes ripple {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1)
  }

  5% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: scale(1)
  }
}

@keyframes ripple {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1);
    transform: scale(.1)
  }

  5% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.map {
  display: none;
}

.map img {
  width: 100%;
}

.city-tab {
  height: 54px;
  position: relative;
  margin-top: 5%;
}

.city-tab::after {
  content: ' ';
  width: 100%;
  height: 2px;
  background-color: #959595;
  position: absolute;
  left: 0;
  top: 9px;
  z-index: 10;
}

.city-tab li {
  width: 17%;
  height: 54px;
  float: left;
  text-align: center;
  padding-right: 18px;
  box-sizing: border-box;
  position: relative;
  z-index: 12;
  cursor: pointer;
}

.city-tab li p {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 50%;
  background-color: #959595;
  padding: 2px;
  box-sizing: border-box;
}

.city-tab li p span {
  width: 14px;
  height: 14px;
  display: block;
  border-radius: 50%;
  border: 2px solid #FFF;
  background-color: #959595;
  box-sizing: border-box;
}

.city-tab li h3 {
  width: 80px;
  height: 36px;
  line-height: 36px;
  font-weight: normal;
  font-size: 14px;
  position: absolute;
  right: -28px;
  bottom: 0;
  z-index: 22;
  text-align: center;
}

.city-tab li.on p,
.city-tab li.on p span {
  background-color: #FF7200;
}

.city-tab li.on h3 {
  color: #FF7200;
}

.service {
  width: 100%;
  padding: 2.5% 0;
  background-color: #313131;
  margin-top: 30px
}

.serv-cen {
  width: 1200px;
  height: auto;
  margin: 0 auto;
  position: relative;
  padding-right: 330px;
  box-sizing: border-box;
}

.erweima {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 20%;
  top: 50%;
  margin-top: -50px;
}

.erweima img {
  width: 100%;
}

.serv-phone {
  width: 210px;
  height: 72px;
  /* position:absolute; top:50%; right:110px; margin-top:-54px;*/
}

.serv-phone h3,
.serv-phone p {
  width: 100%;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  box-sizing: border-box;
  /*text-align:right;*/
  color: rgba(0, 0, 0, 0.8);
  font-weight: normal;
  font-size: 14px;
  color: #FFF;
}

.serv-phone h3 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.serv-phone p {
  font-size: 28px;
  text-align: center;
  color: #ff7200;
  height: 40px;
  line-height: 40px;
}

.serv-contact {
  width: 400px;
}

.serv-contact h3,
.serv-contact p {
  width: 100%;
  height: 45px;
  line-height: 45px;
  font-weight: normal;
  font-size: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  color: #FFF;
}

.serv-contact h3 {
  margin-bottom: 10px;
}

.serv-contact p {
  height: auto;
  line-height: 24px;
  border-bottom: 0;
  font-size: 12px;
}


.footer {
  width: 100%;
  padding: 10px 0;
  background-color: #1f1f1f;
}

.footer-cen {
  width: 1200px;
  height: auto;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
}

.copyright {
  height: 25px;
  ;
  line-height: 25px;
  box-sizing: border-box;
  width: 100%;
  color: #FFF;
}

.copyright .copy-zuo {
  font-size: 12px;
  float: left;
  border-left: 1px solid rgba(0, 0, 0, 0.3);
}

.copy-you {
  float: right;
  font-size: 12px;
}

.copy-you a {
  color: #fff;
}

.copy-center {
  float: center;
  font-size: 12px;
}

.copy-center a {
  color: #fff;
}

/* 2018-6-4首页改版设计到的css变更 @ljk*/

.swiper-cen {
  width: 1200px;
  height: auto;
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 50px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative
}

.navlist li {
  width: auto;
  float: left;
  font-size: 15px;
  text-align: left;
  margin-right: 26px;
  padding: 16px 10px
}

.nav {
  width: 100%;
  padding: 10px 0;
  box-sizing: border-box;
  /* background-image:linear-gradient(to bottom,#1e1e1e,#212121);*/
  border-top: 0px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  position: relative;
  left: 0;
  top: 0px;
  z-index: 994;
  box-shadow: 0 1px 1px #eee;
}

.hd-cen {
  max-width: 1140px;
  padding: 5px 0;
  position: relative;
  left: 0;
  top: 0;
  z-index: 992;
  margin: 0 auto;
}

.hd-cen p {
  width: 100%;
  box-sizing: border-box;
  padding: 0 5px;
}

.swiper-title {
  width: 100%;
  height: 220px;
  position: absolute;
  left: 0;
  top: 32%;
  /*margin-top:-50px; */
  box-sizing: border-box;
  padding: 0 5%;
  color: #FFF;
  overflow: visible;
  text-align: center;
}

/* 原来的 */
/* .swiper1 {
  width: 100%;
  height: 500px;
} */

/* rem和px结合起来了 */
.swiper1 {
  width: 100%;
  height: 5rem;
}

.swiper-title h3 {
  width: 100%;
  font-size: 46px;
  font-weight: bold;
  margin-bottom: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.swiper-title p {
  width: 100%;
  height: auto;
  line-height: 36px;
  font-size: 18px;
  opacity: 0.6;
  margin: 28px 0 20px;
}

.swiper-title .swiper-more {
  margin: 10px auto;
  padding: 10px 28px;
  text-align: center;
  border: 0px solid #FFF;
  color: #FFF;
  font-size: 16px;
  display: block;
  width: 80px;
  font-family: "宋体";
  background-color: #be2924;
  border-radius: 17px;
}

.swiper-cen {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding-top: 170px;
  padding-bottom: 80px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  background: rgba(0, 0, 0, .5);
}

.serv-button {
  float: right;
  padding-top: 5px;
}

.serv-button a button {
  margin: 10px 50px;
  padding: 16px 36px;
  border: black;
  background: #ff7200;
  color: #fff;
  font-size: 1.2rem;
  border-radius: 36px;
  cursor: pointer;
}

.cmenu {
  width: 100%;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  bottom: 0;
}

.swiper-title .swiper-pc {
  display: block;
}

.swiper-title .swiper-mobile {
  display: none;
}

.change_lang {
  border: 1px solid #fff;
  padding: 6px 20px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  right: 20px;
  top: 20px;
  z-index: 10;
}

.change_lang a {
  color: #f63 !important;
}



/*容器的布局方式*/
.all-flex {
  display: -webkit-box;
  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box;
  /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-flex;
  /* 新版本语法: Chrome 21+ */
  display: flex;
  /* 新版本语法: Opera 12.1, Firefox 22+ */
}

/*主轴为X方向*/
.all-drection-row {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}

/*自动换行*/
.all-flex-wrap {
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

/*主轴为Y方向*/
.all-drection-column {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

/*主轴为X方向，子元素从右到左显示*/
/*这里补充说明一点： box 写法的 box-direction 只是改变了子元素的排序，并没有改变对齐方式，需要新增一个 box-pack 来改变对齐方式。*/
.all-drection-right {
  -webkit-box-pack: end;
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

/*主轴为Y方向，子元素从下到上显示*/
.all-drection-bottom {
  -webkit-box-pack: end;
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

/*子元素主轴居中对齐*/
.all-justify-center {
  -webkit-box-pack: center;
  -moz-justify-content: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

/*子元素主轴左对齐*/
.all-justify-start {
  -webkit-box-pack: start;
  -moz-justify-content: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

/*子元素主轴右对齐*/
.all-justify-end {
  -webkit-box-pack: end;
  -moz-justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

/*子元素主轴左右对齐（旧版没有space-around）*/
.all-justify-justify {
  -webkit-box-pack: justify;
  -moz-justify-content: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

/*子元素交叉轴居中对齐*/
.all-align-items-center {
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/*子元素交叉轴左对齐*/
.all-align-items-start {
  -webkit-box-align: start;
  -moz-align-items: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

/*子元素交叉轴右对齐*/
.all-align-items-end {
  -webkit-box-align: end;
  -moz-align-items: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

/*子元素交叉轴文本基线对齐*/
.all-align-items-baseline {
  -webkit-box-align: baseline;
  -moz-align-items: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}

/*子元素交叉轴上下对齐并铺满*/
.all-align-items-baseline {
  -webkit-box-align: stretch;
  -moz-align-items: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}


/*子元素伸缩比为1*/
.all-items {
  -webkit-box-flex: 1.0;
  -moz-flex: auto;
  -ms-flex: auto;
  -webkit-flex: auto;
  flex: auto;
}

/*子元素显示顺序*/
.all-order {
  -webkit-box-ordinal-group: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}

/*子元素显示顺序*/
.all-order-previous {
  -webkit-box-ordinal-group: 0;
  -moz-order: 0;
  -webkit-order: 0;
  order: 0;
}

/*子元素显示自己设置的宽度*/
.all-item-flex-shrink {
  -webkit-box-flex: 0;
  -moz-flex-shrink: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}



/* .all-flex{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.all-drection-row{ -webkit-box-direction: normal;-webkit-box-orient: horizontal;-moz-flex-direction: row;-ms-flex-direction:row;-webkit-flex-direction: row;flex-direction: row;}
.all-flex-wrap { -ms-flex-wrap: wrap;-o-flex-wrap: wrap;-moz-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.all-drection-column{ -webkit-box-direction: normal;-webkit-box-orient: vertical;-moz-flex-direction: column;-ms-flex-direction:column;-webkit-flex-direction: column;flex-direction: column;}
.all-drection-right{ -webkit-box-pack: end;-webkit-box-direction: reverse;-webkit-box-orient: horizontal;-moz-flex-direction: row-reverse;-ms-flex-direction: row-reverse;-webkit-flex-direction: row-reverse;flex-direction: row-reverse;}
.all-drection-bottom{ -webkit-box-pack: end;-webkit-box-direction: reverse;-webkit-box-orient: vertical;-moz-flex-direction: column-reverse;-ms-flex-direction: column-reverse;-webkit-flex-direction: column-reverse;flex-direction: column-reverse;}
.all-justify-center{ -webkit-box-pack: center;-moz-justify-content: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;}
.all-justify-start { -webkit-box-pack: start ;-moz-justify-content: start ;-ms-flex-pack: start;-webkit-justify-content: flex-start;justify-content: flex-start;}
.all-justify-end  { -webkit-box-pack: end  ;-moz-justify-content: flex-end  ;-ms-flex-pack: end;-webkit-justify-content: flex-end;justify-content: flex-end;}
.all-justify-justify{ -webkit-box-pack: justify  ;-moz-justify-content: justify  ;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.all-align-items-center{ -webkit-box-align: center;-moz-align-items: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.all-align-items-start{ -webkit-box-align: start ;-moz-align-items: start ;-ms-flex-align: start;-webkit-align-items: flex-start ;align-items: flex-start ;}
.all-align-items-end{ -webkit-box-align: end ;-moz-align-items: end ;-ms-flex-align: end;-webkit-align-items: flex-end ;align-items: flex-end ;}
.all-align-items-baseline { -webkit-box-align: baseline  ;-moz-align-items: baseline  ;-ms-flex-align: baseline;-webkit-align-items: baseline  ;align-items: baseline;}
.all-align-items-baseline { -webkit-box-align: stretch  ;-moz-align-items: stretch  ;-ms-flex-align: stretch;-webkit-align-items: stretch  ;align-items: stretch;}
.all-items{ -webkit-box-flex: 1.0;-moz-flex: auto;-ms-flex: auto;-webkit-flex: auto;flex: auto;}
.all-order{ -webkit-box-ordinal-group: 1;-moz-order: 1;-ms-flex-order: 1;-webkit-order: 1;order: 1;}
.all-order-previous{ -webkit-box-ordinal-group: 0;-moz-order: 0;-webkit-order: 0;order: 0;}
.all-item-flex-shrink{ -webkit-box-flex: 0;-moz-flex-shrink: 0;-webkit-flex-shrink: 0;flex-shrink: 0;} */